Skip to main content

Color palette

The VA mobile app has two color themes: Light and Dark. The VA mobile app themes use colors from the VA style guide, and only deviate if necessary for accessibility purposes.

Themes

Front-end

Colors in code can be found under src/styles/themes/VAColors.ts. Any new colors should be added src/styles/themes/VAColors.ts and then used in src/styles/themes/standardTheme.ts or src/styles/themescolorSchemes.ts

Some text, components(ex. snackbar), or icons use different colors than the default color set for each font. You can find the general guidelines for what colors to use for most text, components, and icons in the VA Mobile app Design Library.